<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 星号
    // document.write("**********<br>");
    // document.write("**********<br>");
    // document.write("**********<br>");
    // document.write("**********<br>");


    // 改动1: 循环四次 => 每次document.write("**********<br>");
    // var i = 1;
    // while(i <= 4){
    //     document.write("**********<br>");
    //     i++;
    // }

    // 改动2: 
    // document.write("**********<br>"); => 拆分为重复打印10个* 和一个换行

    // var j = 1;
    // while(j <= 10){
    //     document.write("*");
    //     j++;
    // }
    // document.write("<br>");

    // 改动3:  循环嵌套 => 外层循环嵌套内层循环 => 问: 代码如何执行? 

    // (1) 外层循环执行过程中,启动内层循环
    // (2) 外层循环走一次,内层循环走一轮
    // (3) 外层循环需要等待内层循环结束,才能继续向后执行

    debugger;
    var i = 1;
    while(i <= 4){
        var j = 1;
        while(j <= 10){
            document.write("*");
            j++;
        }
        document.write("<br>");
        i++;
    }







</script>
</html>